import { StyleSheet } from 'react-native';
import { getScreenInfo, ScreenOrientation } from '../../util/screen';
import { phonePx } from '../../util/adapt';
import { APP_BLACK, APP_YELLOW } from '../../constant/color';
import { isIOS } from '../../constant';

const { width } = getScreenInfo({
  screenOrientation: ScreenOrientation.Portrait
});

export default StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ffffff',
    width
  },
  addressInput: {
    marginHorizontal: phonePx(16),
    fontSize: phonePx(12),
    textAlignVertical: 'top',
    paddingTop: phonePx(10),
    marginTop: isIOS ? phonePx(13) : phonePx(8),
    height: phonePx(150),
    color: APP_BLACK
  },
  save: {
    position: 'absolute',
    alignSelf: 'center',
    width: phonePx(270),
    height: phonePx(50),
    borderRadius: phonePx(8),
    backgroundColor: APP_YELLOW,
    justifyContent: 'center',
    alignItems: 'center',
    bottom: phonePx(30)
  },
  saveDesc: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '500'
  }
});
